<!-- directive:title NG指令详解 -->
<!-- directive:breadcrumb NG指令详解 -->
<div class="panel-body">
    <div class='panel panel-default'>
        <div class='panel-heading'> ng-mouse </div>
        <div class='panel-body'>
            <article class="docs-content">
                <h3><code>ng-mouseover</code> 定义和用法</h3>
                <p ng-init="count1=0" ng-mouseover="count1 = count1 + 1" >鼠标移动到我这! {{count1}} </p>
                <p><code>ng-mouseover</code> 指令用于告诉 AngularJS 鼠标移动到指定的 HTML 元素上时要执行的操作。</p>
                <p><code>ng-mouseover</code> 指令不会覆盖元素的原生 <code>onmouseover</code> 事件, 事件触发时，<code>ng-mouseover</code> 表达式与原生的 <code>onmouseover</code> 事件将都会执行。</p>
                <script type="text/xianjs" ui-bs title="语法">
                    <element ng-mouseover="expression"></element>
                </script>
                <h3><code>ng-mouseleave</code> 定义和用法</h3>
                <p ng-init="count2=0" ng-mouseleave="count2 = count2 + 1" >鼠标移动到我这! {{count2}} </p>
                <p><code>ng-mouseleave</code> 指令用于告诉 AngularJS 鼠标移动到指定的 HTML 元素上时要执行的操作。</p>
                <p><code>ng-mouseleave</code> 指令不会覆盖元素的原生 <code>onmouseout</code> 事件, <code>ng-mouseleave</code> 表达式与原生的 <code>onmouseout</code> 事件将都会执行。</p>
                <script type="text/xianjs" ui-bs title="语法">
                    <element ng-mouseleave="expression"></element>
                </script>
            </article>
        </div>
    </div>
</div>


